body {
    background:#fff;
    color:#000;
    font-family:Arial,Helvetica,Verdana,sans-serif;
    font-size:14px;
    padding:3px;
}

a {
    color:#cc0000;
    text-decoration:none;
}

a:hover{
    color:#000;
    text-decoration:underline;
}

/*
 *-----------------------------------------------------------------------
 * HEADER
 *-----------------------------------------------------------------------
*/

#header {
    border-bottom:1px solid #e5e5e5;
    margin-bottom:3px;
    overflow:hidden;
    padding:3px 3px 4px 3px;
    width:394px;
}

#logo {
    float:left;
}

#close-button{
    float:right;
    margin:6px 0;
}

#close-button a{
    color:#b2bbbf;
    font-size:11px;
}

#close-button a:hover{
    color:#000;
}

/*
 *-----------------------------------------------------------------------
 * BODY LAYOUT
 *-----------------------------------------------------------------------
*/

#body {
    overflow:hidden;
    width:400px;
}

#left-col{
    display:block;
    float:left;
    padding:3px;
    overflow:hidden;
    width:246px;
}

#right-col {
    display:block;
    float:right;
    padding:3px;
    overflow:hidden;
    text-align:right;
    width:142px;
}

/*
 *-----------------------------------------------------------------------
 * CURRENT DOMAIN
 *-----------------------------------------------------------------------
*/

#current-domain{
    border-bottom:1px solid #e5e5e5;
    margin-bottom:9px;
    padding:3px 3px 4px 3px;
    width:394px;
}

#current-domain .domain {
    font-size:16px;
    font-weight:bold;
}

/*
 *-----------------------------------------------------------------------
 * TIMER
 *-----------------------------------------------------------------------
*/

#timer-box{
    background:#000;
    clear:both;
    float:right;
    margin-bottom:6px;
    overflow:hidden;
    padding:6px 6px 4px 6px;
    -webkit-border-radius: 8px;
    width:130px;
}
#timer-box{
    float:right;
    overflow:hidden;
}

#timer-label {
    color:#b2bbbf;
    float:right;
    font-size:10px;
}

#display-timer {
    clear:both;
    color:#80e3ff;
    float:right;
    font-family:"Arial Narrow",Arial,Helvetica,Verdana,sans-serif;
    font-size:32px;
}

#display-timer.expired{
    color:#f60034;
}

/*
 *-----------------------------------------------------------------------
 * OPTIONS
 *-----------------------------------------------------------------------
*/

.option {
    cursor:pointer;
    margin-bottom:1px;
    padding:2px;
    -webkit-border-radius: 8px;
}

.option:hover {
    background:#f7f7f7;
}

.option:hover a {
    color:#000;
}

.option:hover a:hover {
    text-decoration:none;
}

.more-options {
    font-size:11px;
    margin-bottom:1px;
    padding:2px;
}

.more-options a{
    color:#6c7a80;
}

.more-options a:hover{
    color:#000;
}

/*
 *-----------------------------------------------------------------------
 * ADVANCED OPTIONS
 *-----------------------------------------------------------------------
*/
#help,
#advanced-options {
    border-top:1px solid #e5e5e5;
    clear:both;
    display:none;
    font-size:11px;
    margin:3px 0;
    overflow:hidden;
    padding:6px 3px;
    width:394px;
}

#advanced-options .label {
    margin-bottom:2px;
}

#advanced-options .custom{
    background:#efefef;
    -webkit-border-radius: 8px;
    padding:6px;
    margin:6px 0;
}

#advanced-options .custom input {
    border:1px solid #b2bbbf;
    margin:2px 0 4px 0;
    padding:3px;
    width:100%;
}

/*
 *-----------------------------------------------------------------------
 * STATUS MSG
 *-----------------------------------------------------------------------
*/

#status-msg{
    display:none;
    padding:6px 3px 6px 19px;
    font-weight:bold;
    margin:-3px 0 0 3px;
}

#status-msg.success {
    background:url('../img/success_16x16.png') center left no-repeat;
    color:#00af4e;
}

#status-msg.error {
    background:url('../img/error_16x16.png') center left no-repeat;
    color:#CC0000;
}

/*
 *-----------------------------------------------------------------------
 * MISC
 *-----------------------------------------------------------------------
*/

.help-note{
    color:#6c7a80;
    font-size:10px
}

.label {
    color:#6c7a80;
    font-size:11px;
}

.clear-fix{
    clear:both;
}